<template>
  <div class="yuncun">
    <!-- <div class="title">
      <router-link to="/yuncun/">广场</router-link>
      <router-link to="/yuncun/dynamic">动态</router-link>
    </div> -->
    <div class="views">
    <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
  props: {},
  data() {
    return {
      video: "",
      singerList:""
    };
  },
  watch: {},
  computed: {},
  methods: {
    
    
  },
  created() {

   
  },
  mounted() {}
};
</script>
<style lang="scss" scoped>
@import "~@/assets/css/common.scss";
.yuncun {
  .title {
    width: 100%;
    height: vw(40);
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 vw(100);
    border-bottom: vw(2) solid #ccc;
    position: fixed;
    background: #fff;
   margin-top: vw(-1);
   z-index:1;
    a {
      font-size: vw(18);
      display: block;
      width: vw(50);
      height: vw(40);
      line-height: vw(40);
      text-align: center;
      color: #000;
    }
    .router-link-exact-active {
      color: red;
      border-bottom: vw(1) solid red;
      font-weight: bold;
    }
  }
  .views{
    padding-top: vw(10);
  }
}
</style>